<template>
  <div>
    <div class="box"></div>
    <div class="search">
      <input class="sch" type="text" />
    </div>
  </div>
</template>
<script>
export default {
  name: "search",
};
</script>
<style scoped>
.box {
  width: 100%;
  height: 45px;
}
.sch {
  height: 30px;
  background-image: url("./imgs/search.png");
  background-repeat: no-repeat;
  background-position: 7px 50%;
  padding-left: 30px;
  border-radius: 30px;
}
</style>